<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>信息修改</title>
</head>

<body>
    <div class="personal_data dpflex">
        <!-- 头部 -->
        <div class="personal_head dpflex">
            <a href="./mine.html">
                <i class="iconfont icon-xiangzuo" id="returnUp"></i>
            </a>
            <span class="msg">个人资料</span>
        </div>
        <!-- 主体 -->
        <div class="main">
            <!-- 更换头像 -->
            <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access"
                href="javascript:">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <b>更换头像</b>
                </span>
                <span class="weui-cell__ft" aria-hidden="true" id="js_cell_tl1_link">
                    <img src="../imgs/dog.jpg"  id="imgurl" class="imgurl" alt="" width="80px" height="80px" style="border-radius: 50%;">
                    <input type="file" id="fileImg" placeholder="请选择图片" style="display: none;">
                </span>
            </a>
            <!-- 昵称 -->
            <label for="js_input2" class="weui-cell weui-cell_active name">
                <div class="weui-cell__hd"><b class="weui-label">昵称</b></div>
                <div class="weui-cell__bd weui-flex">
                    <input id="nickname" class="weui-input" type="text" placeholder="请输入昵称"
                        style="text-align: right; margin-right:20px;" />
                </div>
            </label>
            <!-- 性别 -->
            <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" id="sexPicker"
                href="javascript:">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <b>性别</b>
                </span>
                <span class="weui-cell__ft" aria-hidden="true" id="sex">
                    请选择你的性别
                </span>
            </a>
            <!-- 生日 -->
            <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" id="birthdayPicker"
                href="javascript:">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <b>生日</b>
                </span>
                <span class="weui-cell__ft" aria-hidden="true" id="birthday">
                    请选择你的生日
                </span>
            </a>
            <!-- 所在省份 -->
            <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" id="sexProvence"
                href="javascript:">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <b>所在省份</b>
                </span>
                <span class="weui-cell__ft" aria-hidden="true" id="provence">
                    请选择你的所在省份
                </span>
            </a>
            <!-- 所在城市 -->
            <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access" id="sexCity"
                href="javascript:">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <b>所在城市</b>
                </span>
                <span class="weui-cell__ft" aria-hidden="true" id="city">
                    请选择你的所在城市
                </span>
            </a>
            <!-- 个性签名 -->
            <a aria-labelledby="js_cell_tl1_tips js_cell_tl1_link" class="weui-cell weui-cell_access"
                href="javascript:">
                <span class="weui-cell__bd" id="js_cell_tl1_tips" aria-hidden="true">
                    <b>个性签名</b>
                </span>
            </a>
            <div class="weui-cells weui-cells_form">
                <div class="weui-cell weui-cell_active">
                    <div class="weui-cell__bd" id="box">
                        <textarea class="weui-textarea" placeholder="请输入你的个性签名" rows="3" id="sign" maxlength="50"></textarea>
                        <div role="option" aria-live="polite" class="weui-textarea-counter" ><span id="num1">0</span>/50</div>
                    </div>
                </div>
            </div>
            <!-- 按钮 -->
            <button id="savaMsg">保存信息</button>
        </div>


    </div>
</body>

</html>